<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IP爆款</title>
    <link rel="stylesheet" href="../css/IP-exp-mon.css">
</head>
<body>
    <div class="warpar">
        <div class="header-inner clearfix">
            <div class="header">
                <div class="left">
                    <span>懂美，更懂你</span>
                </div>
                <div class="right">
                    <span><a href="">注册</a></span>
                    <span class="s1">|</span>
                    <span><a href="">登录</a></span>
                    <span class="s2"><a href="">我的订单</a></span>
                    <span class="s3" style="display: block;float: right;position: relative;">
                        <a href="">客服服务 <img src="../img/xxjt.png" alt=""></a>
                        <div class="page hid clearfix">
                            <ul>
                                <li class="btn1"><a href="">在线客服</a></li>
                                <li class="btn2"><a href="">帮助中心</a></li>
                                <li class="btn3"><a href="">商务合作</a></li>
                            </ul>
                        </div>
                    </span>
                </div>
            </div>
        </div>
        <div class="back-to-top">
            <ul class="totop">
                <li class="totop-back">
                    <a class="totopa">
                        <img src="../img/wx.png" alt="">
                        <p>关注微信</p>
                    </a>
                </li>
                <li class="totop-back">
                    <a class="totopa">
                        <img src="../img/kf.png" alt="">
                        <p>在线客服</p>
                    </a>
                </li>
                <li id="totop-back" class="totop-back hid">
                    <a class="totopa">
                        <img src="../img/totop.png" alt="">
                        <p>回顶部</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="logoshop-inner">
            <div class="logoshop clearfix">
                <div class="logo">
                    <a href=""><img src="../img/logo.png" alt=""></a>
                </div>
                <div class="shop">
                    <img src="../img/shop.png" alt="">
                </div>
            </div>
            <div class="nav clearfix">
                <div class="btn1"><a href="../home.html">首页</a></div>
                <div class="btn2"><a href="phone.html">手机</a></div>
                <div class="btn3"><a href="IP-exp-mon.html">IP爆款</a></div>
                <div class="btn4"><a href="parts.html">配件</a></div>
                <div class="btn5"><a href="">生活周边</a></div>
            </div>
        </div>
        <div class="main-inner">
           <div class="main">
                <div class="banner">
                        <div class="banner-tutxt">
                            <div class="toptxt">
                                <a href="../home.html">首页</a>
                                <span class="jantou">></span>
                                <span>IP爆款</span>
                            </div>
                            <div class="totxt-img">
                                <a href="">
                                    <img src="../img/banner3-02.jpg" style="border-radius: 5px;" alt="">
                                </a>
                            </div>
                        </div>
                </div>
                <div class="main-series">
                    <div class="series-txt clearfix">
                        <li><span>分类:</span></li>
                        <li><a href="" class="a1">全部</a></li>
                        <li><a href="">动漫联名系列</a></li>
                    </div>
                    <div class="series-txt clearfix">
                        <ul>
                            <li><span>排序:</span></li>
                            <li><a href="" class="a2">默认</a></li>
                            <li>
                                <a href="">价格</a>
                            </li>
                            <li class="txt-img"><img src="../img/sxjt.png" alt=""></li>
                            <li>
                                <a href="">上架时间</a>
                            </li>
                            <li class="txt-img"><img src="../img/xj.png" alt=""></li>
                        </ul>
                    </div>
                    <div class="t-series">
                        <div class="t-title">
                            <span class="t-xianl"></span>
                            <span>动漫联名系列</span>
                            <span class="t-xianr"></span>
                        </div>
                    </div> 
                    <div class="t-product clearfix">
                       <div class="t-top clearfix">
                            <div class="t-pro">
                                <img src="../img/ip1.png" alt="">
                                <div class="protxt">
                                    <h2>美图T9 x 美少女战士限量版</h2>
                                    <h3>美少女战士限量版，月光之梦。</h3>
                                    <p>￥3599</p>
                                </div>
                            </div>
                            <div class="t-pro">
                                <img src="../img/ip2.png" alt="">
                                <div class="protxt">
                                    <h2>美图T9 x 哆啦A梦限量版</h2>
                                    <h3>哆啦A梦限量版，童年时光机。</h3>
                                    <p>¥2799</p>
                                </div>
                            </div>
                            <div class="t-pro">
                                <img src="../img/ip3.png" alt="">
                                <div class="protxt">
                                    <h2>美图T9 x 七龙珠限量版</h2>
                                    <h3>七龙珠限量版，永远热血，永远少年。</h3>
                                    <p>¥2799</p>
                                </div>
                            </div>
                            <div id = "wei"class="t-pro">
                                <img src="../img/ip4.png" alt="">
                                <div class="protxt">
                                    <h2>美图T9 x 樱桃小丸子限量版</h2>
                                    <h3>樱桃小丸子限量版，给你温暖治愈。</h3>
                                    <p>￥2999</p>
                                </div>
                            </div>                       
                       </div>
                       <div class="t-top clearfix">
                            <div class="t-pro">
                                <img src="../img/ip5.png" alt="">
                                <div class="protxt">
                                    <h2>美图T9 x 樱桃小丸子限量版</h2>
                                    <h3>樱桃小丸子限量版，给你温暖治愈。</h3>
                                    <p>￥2999</p>
                                </div>
                            </div>
                            <div class="t-pro">
                                <img src="../img/ip6.png" alt="">
                                <div class="protxt">
                                    <h2>美图M8s Hello Kitty限量版</h2>
                                    <h3>演绎萌系奢华</h3>
                                    <p>¥1399</p>
                                </div>
                            </div>
                            <div class="t-pro">
                                <img src="../img/ip7.png" alt="">
                                <div class="protxt">
                                    <h2>美图T9 x Hello Kitty限量版</h2>
                                    <h3>Hello Kitty限量版，萌系潮酷</h3>
                                    <p>￥2799</p>
                                </div>
                            </div>
                            <div id = "wei"class="t-pro">
                                <img src="../img/ip8.png" alt="">
                                <div class="protxt">
                                    <h2>美图M8s哆啦A梦限量版</h2>
                                    <h3>哆啦A梦限量版，开启纯真世界。</h3>
                                    <p>¥1399</p>
                                </div>
                            </div>
                        </div>
                        <div class="t-top clearfix">
                            <div class="t-pro">
                                <img src="../img/ip9.png" alt="">
                                <div class="protxt">
                                    <h2>美图M8s美少女战士限量版</h2>
                                    <h3>美少女战士限量版，热恋来袭。</h3>
                                    <p>¥1699</p>
                                </div>
                            </div>
                        </div>            
                    </div>
               </div>           
            </div>
        </div>
        <div class="footer-inner">
            <div class="footer">
                <div class="ding clearfix">
                    <div class="ding1 clearfix">
                        <img src="../img/fot1.png" alt="">
                        <span>满99元包邮</span>
                    </div>
                    <div class="ding2 clearfix">
                        <img src="../img/fot2.png" alt="">
                        <span>7天无忧退货</span>
                    </div>
                    <div class="ding3 clearfix">
                        <img src="../img/fot3.png" alt="">
                        <span>美图品质保证</span>
                    </div>
                </div>
                <div class="di">
                    <div class="text-link">
                        <a href="">帮助中心</a>
                        <span>|</span>
                        <a href="">售后服务</a>
                        <span>|</span>
                        <a href="">销售政策</a>
                        <span>|</span>
                        <a href="">使用条款</a>
                        <span>|</span>
                        <a href="">隐私政策</a>
                    </div>
                    <div class="text-copy">
                        &copy; 2018
                        <span class="meitu">MEITU</span>
                        <a href="">闽公网安备 35020302000186号</a>
                        <span class="douhao">，</span>闽ICP证 B2-20040192
                        <span class="douhao">，</span>违法和不良信息举报电话：
                        <a href="">400-990-9696</a>
                    </div>
                    <div class="text-tel">
                        厦门美图网科技有限公司 客服电话：<a href="">0592-5919017</a>
                    </div>
                    <div class="tu-safe clearfix">
                        <a href="" class="safe-img1">
                            <img src="../img/fot4.png" alt="">
                        </a>
                        <a href="" class="safe-img1">
                            <img src="../img/fot5.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/IP-exp-mon.js"></script>
</body>
</html>